body,ul,li{
	margin:0px;
	padding:0px;
	background-color:pink;
}

ol {
	list-style-type:none;
}

a {
	text-decoration:none;
}

#main {
	width:100%;
}

#header-area {
	position:fixed;
	top:0px;
	width:100%;
	background-color:black;
	text-align:center;
}

#header {
	display:inline-block;
	width:1000px;
}

#header ul {
	display:inline-block;
	background-color:black;
}

.corner {
	display:inline-block;
	width:8px;
	height:8px;
	margin:21px 21px 0 0;
	background-color:red;
	vertical-align:top;
}

#header ul li {
	display:inline-block;
	padding-right:100px;
	color:white;
	background-color:black;
	line-height:50px;
}

#header ul li:nth-child(3) {
	padding-right:0px;
}

#content-area {
	width:auto;
	margin-top:100px;
}

#content {
	display:block;
	box-sizing:border-box;
	width:300px;
	height:400px;
	margin:0px auto;
	padding:50px 20px;
	background-color:white;
	box-shadow:0px 0px 16px #000;
}

#content-mini {
	display:block;
	box-sizing:border-box;
	width:260px;
	height:300px;
	padding-left:30px;
	border:2px solid black;
	background-color:white;
}

#content ul li {
	line-height:40px;
	background-color:white;
}

#footer-area {
	
}

#footer {
	
}
